@import '~@/assets/style/unit/color.scss';

// 工具类名统一前缀
$prefix: d2;

// 禁止用户选中 鼠标变为手形
%unable-select {
  user-select: none;
  cursor: pointer;
}

// 填满父元素
// 组要父元素 position: relative | absolute;
%full {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

// flex 垂直水平居中
%flex-center-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

%flex-center-col {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

// 将元素模拟成卡片外观
%card {
  border: 1px solid #dddee1;
  border-color: #e9eaec;
  background: #fff;
  border-radius: 4px;
  font-size: 14px;
  position: relative;
}


/* 滚动条整体样式，设置为隐藏轨道 */
::-webkit-scrollbar {
  width: 12px;
  /* 滚动条的宽度，可以根据需要调整 */
  height: 12px;
  /* 对于水平滚动条的高度 */
}

/* 滚动条轨道样式，通过透明背景来隐藏它 */
::-webkit-scrollbar-track {
  background: transparent;
  /* 滚动条轨道的背景色设置为透明 */
}

/* 滚动条滑块样式 */
::-webkit-scrollbar-thumb {
  background: #003366;
  /* 滚动条滑块的背景色（深蓝色） */
  border-radius: 6px;
  /* 滚动条滑块的圆角 */
  border: 3px solid transparent;
  /* 添加透明边框以调整滑块大小，如果需要的话 */
  background-clip: padding-box;
  /* 确保背景色不会延伸到边框 */
}

/* 滚动条滑块在被悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
  background: #001f3f;
  /* 悬停时滚动条滑块的背景色（更深的蓝色） */
}

html,
body {
  // min-width: 1300px;
}

div {
  box-sizing: border-box;
}

.el-tooltip__popper {
  border-radius: 14px;
  font-size: 14px;

  &.is-dark {
    background-color: rgba(55, 53, 71, 1);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.13)
  }
}


